<template>
  <common-info-table>
    <template v-for="(item, index) in detailList">
      <common-info-table-cell :label="Object.keys(item)[0]" :key="index">{{
        Object.values(item)[0]
      }}</common-info-table-cell>
    </template>
  </common-info-table>
</template>

<script>
export default {
  props: {
    detailForm: {
      type: Object,
      default: () => {},
    },
  },

  data() {
    return {
      detailList: [],
    };
  },

  mounted() {
    let detailArr = []
    for(let i in this.detailForm){
      detailArr.push({[i]: this.detailForm[i]});
    }
    this.detailList = detailArr;
  },
  methods: {},
};
</script>